<!DOCTYPE html>
<html>
<head>
    <title>微盟</title>
    <!-- Meta tag Keywords -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8" />
    <meta name="keywords" content="" />
    <script>
      addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
      }, false);

      function hideURLbar() {
        window.scrollTo(0, 1);
      }
    </script>
    <!-- //Meta tag Keywords -->

    <!-- Custom-Files -->
    <link rel="stylesheet" href="./css/index/bootstrap.css">
    <!-- Bootstrap-Core-CSS -->
    <link rel="stylesheet" href="./css/index/style.css" type="text/css" media="all" />
    <!-- Style-CSS -->
    <link href="./css/font-awesome.min.css" rel="stylesheet">
    <!-- Font-Awesome-Icons-CSS -->
    <!-- //Custom-Files -->

    <!-- Web-Fonts -->
    <link href="http://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=devanagari,latin-ext"
          rel="stylesheet">
    <!-- //Web-Fonts -->
</head>

<body>
<!-- main banner -->
<div class="main-top" id="home">
    <!-- header -->
    <header>
        <div class="container-fluid">
            <div class="header d-lg-flex justify-content-start align-items-center py-3 px-sm-3">
                <!-- logo -->
                <div id="logo">
                    <h1><a href="#"><span class="fa fa-linode mr-2"></span>微盟</a></h1>
                </div>
                <!-- //logo -->
            </div>
        </div>
    </header>
    <!-- //header -->

    <!-- banner -->
    <div class="banner_w3lspvt position-relative">
        <div class="container">
            <div class="d-md-flex">
                <div class="w3ls_banner_txt">
                    <h3 class="w3ls_pvt-title">微盟 <br><span>Welcome</span></h3>
                    <p class="text-sty-banner">欢迎来到微盟，我们致力于帮助您管理公众号、粉丝、信息；帮助您简化公众号的运营；
                        向您提供多样化的营销组件。加入微盟，让公众号运营更简单！
                    </p>
                </div>
                <div class="banner-img">
                    <img src="./img/index/banner.png" alt="" class="img-fluid">
                </div>
            </div>
        </div>
        <!-- animations effects -->
        <div class="icon-effects-w3l">
            <img src="./img/index/shape1.png" alt="" class="img-fluid shape-wthree shape-w3-one">
            <img src="./img/index/shape2.png" alt="" class="img-fluid shape-wthree shape-w3-two">
            <img src="./img/index/shape3.png" alt="" class="img-fluid shape-wthree shape-w3-three">
            <img src="./img/index/shape5.png" alt="" class="img-fluid shape-wthree shape-w3-four">
            <img src="./img/index/shape4.png" alt="" class="img-fluid shape-wthree shape-w3-five">
            <img src="./img/index/shape6.png" alt="" class="img-fluid shape-wthree shape-w3-six">
        </div>
        <!-- //animations effects -->
    </div>
    <!-- //banner -->
</div>
<!-- //main banner -->

<!-- what we do section -->
<div class="what bg-li py-5" id="what">
    <div class="container py-xl-5 py-lg-3">
        <div class="row about-bottom-w3l text-center mt-4">
            <div class="col-lg-3 about-in text-center my-lg-0 my-3">
                <div class="card active">
                    <div class="card-body">
                        <div class="bg-clr-w3l">
                            <span class="fa fa-file-text-o"></span>
                        </div>
                        <h5 class="card-title mt-4 mb-3">公众号管理</h5>
                        <p class="card-text">多公众号管理，随心切换登陆；设置公众号菜单；</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 about-in text-center my-lg-0 my-3">
                <div class="card active">
                    <div class="card-body">
                        <div class="bg-clr-w3l">
                            <span class="fa fa-commenting-o"></span>
                        </div>
                        <h5 class="card-title mt-4 mb-3">消息推送</h5>
                        <p class="card-text">粉丝消息多样化，支持设置不同推送场景、频率、时段；</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 about-in text-center my-lg-0 my-3">
                <div class="card active">
                    <div class="card-body">
                        <div class="bg-clr-w3l">
                            <span class="fa fa-usd"></span>
                        </div>
                        <h5 class="card-title mt-4 mb-3">营销组件</h5>
                        <p class="card-text">多样化营销组件：随机海报、幸运大转盘、裂变活动等</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 about-in text-center my-lg-0 my-3">
                <div class="card active">
                    <div class="card-body">
                        <div class="bg-clr-w3l">
                            <span class="fa fa-line-chart"></span>
                        </div>
                        <h5 class="card-title mt-4 mb-3">数据分析</h5>
                        <p class="card-text">智能分析粉丝数据，获取粉丝动向；数据统计，精准营销；</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>

</html>